{extend name="template/base_default"}
{block name="header"}
<link rel="stylesheet" href="__CSS__/common.css">
<link rel="stylesheet" href="__CSS__/weui.min.css">
<link rel="stylesheet" href="__CSS__/index.css">
<link rel="stylesheet" href="__CSS__/weuix.min.css"/>
<script src="__JS__/zepto.min.js"></script>
<script src="__JS__/lrz.min.js"></script>
<style>

    .form-head{
        color: white;
        font-size: 16px;
        background-color: rgba(255, 255, 255, 0.2);
        border-radius: 5px;
        overflow: hidden;
    }
    body {
        background-image: url("__IMG__/bj.png");
        background-size: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
        height: 100%;
        background-color: #010A11;
        z-index: -1000;
    }
    .ordercontent{
        width:90%;
        margin-left: auto;
        margin-right: auto;
        height:170px;
        background-color: rgba(95, 110, 170, 0.4);
        text-align: left;
        font-family: "Microsoft YaHei UI";
        font-size: 14px;
        border-radius: 14px;
        margin-top: 20px;
    }
    .ordercontent p{
        font-family: "Microsoft YaHei UI";
        height:38px;
        line-height: 38px;
        color:white;
        margin-left: 20px;
        float: left;
    }
    .orderleft{
        float:left;

        padding-top: 10px;
        padding-left: 30px;
    }
    .orderbutton{
        width:20%;
        border: solid 1px #00a0e9;
        background-color: rgba(95, 110, 170, 0.4);
        border-radius: 100px;
        text-align: center;
        color:#00a0e9;
        display: inline;
        float: right;
        position:relative;
        left:2em;


    }
    .orderbutton2{
        width:20%;
        border: solid 1px #00a0e9;
        background-color: rgba(95, 110, 170, 0.4);
        border-radius: 10px;
        text-align: center;
        color:#00a0e9;
        display: inline;
        float: right;
        position:relative;
        left:2em;


    }
    .protocal-price{
        height: 30px;
        line-height: 30px;
        color:white;
        font-size: 14px;
        padding-right: 10px;
    }
    .protocal-update-time{
        height: 30px;
        line-height: 30px;
        color:white;
        font-size: 14px;

    }
    .protocal-name{
        height: 30px;
        line-height: 30px;
        color:white;
        font-size: 14px;
    }
    .protocal-mobile{
        height: 30px;
        line-height: 30px;
        color:white;
        font-size: 14px;
    }
    .protocal-type{
        height: 30px;
        line-height: 30px;
        color:white;
        font-size: 14px;
        padding-left: 30px;
    }
    .protocal-status{
        height: 30px;
        line-height: 30px;
        color:white;
        font-size: 14px;

        color:yellow;
    }

</style>
{/block}
{block name="body"}
{volist name="order_list" id="vo"}
 <div class="ordercontent">
     <div class="orderleft">
         <div class="protocal-name">姓名：{$vo.apply_info.name}<a href="{:url('user/protocalupload',array('id'=>$vo['id']))}">
         {switch name = "$vo.status_type"}
             {case value="1"}{/case}
            {case value="2"}<div class="orderbutton"><span>上传</span></div>{/case}
            {case value="3"}<div class="orderbutton"><span>上传</span></div>{/case}
            {case value="4"}{/case}
         {default}
         {/switch}</a></div>
         <div class="protocal-mobile">手机号：{$vo.apply_info.mobile}</div>
         <div style="color:white;font-size: 16px">车牌号：{$vo.apply_info.car_code}<a href="{:url('staticpage/insurance_car',array('id'=>$vo['id']))}">
             {switch name = "$vo.status_type"}
             {case value="1"}{/case}
             {case value="2"}<div class="orderbutton2" style="font-size: 6px"><span>查看支付信息</span></div>{/case}
             {case value="3"}<div class="orderbutton2" style="font-size: 6px"><span>查看支付信息</span></div>{/case}
             {case value="4"}{/case}
             {default}
             {/switch}</a></div>
         <div class="protocal-price">车险金额：{empty name="$vo.pay_info.price"}

             {else/}
             {$vo.pay_info.price/100}
             {/empty}
             元</div>
         <div class="protocal-update-time">订单时间：{$vo.update_time|date="y-m-d",###}<span class="protocal-type"> {switch name="$vo.status_type"}
                                        {case value='1'}待确认{/case}
                                        {case value='2'}待上传{/case}
                                        {case value='3'}审核中{/case}
                                        {case value='4'}已完成{/case}
                                        {case value='5'}未通过{/case}
                                        {default}1
             {/switch}

         </span></div>




     </div>

 </div>
{/volist}



{/block}
{block name="footer"}
<script type="text/javascript" src="__JS__/public.js"></script>
<script>

</script>
{/block}